/*
	CUSTOM CSS
	Some styles are located in custom-skin-1.css (in css/skins/)
	are located in custom-skin-1.css (in css/fonts/)
*/	


/*typography*/


	.section-title, 
	.widget .title,
	.title-format-1 {
		text-shadow:none;
	}

	mark, .mark,
	input, textarea, select, code, pre,
	#navigation ul ul,
	.dropcap,
	.tipsy-inner,
	.tabbed, .expandable, .accordion,
	.image.frame, .gallery-style-1 .g, .gallery-style-2 .g,
	.success, .info, .alert, .error, .notes,
	.button {
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;	
	}

    .mark-links a:not(.button):not(.image){
        background:none;
        text-decoration: none;     
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-color: #585858;
        font-weight: bold; 
        color: #585858;
    }
    .mark-links a:not(.button):not(.image):hover{background: none; text-decoration: none; border-style: dotted; }
	
	.sub-title, 
	thead, 
	#page-header .title, #page-header .sub, 
	.accordion .header, .tabbed .tabs, 
	.success .title, .info .title, .alert .title, .error .title, .notes .title,
	blockquote,
	.demention-caption .title, .title-format-2 ,
	.pricing.box .title, .pricing.box .price small,
	.comment .name,
	.twitterStatus,
	.title-format-3	{
		font-style:normal;
		font-family: "Droid Sans" !important;
	}


	.tabbed, 
	.expandable, 
	.accordion {
		background:#F2F3F4;
		border: 2px solid #E8E9EA;
	}
	.sidebar .widget > .title { border-bottom: 2px solid #E8E9EA;}
	
	
	.social-connect li,
	.post > header .title::after,
	.accordion .header::after,
	.expandable .always-visible::after,
	.demention-close-icon,
	.flex-control-nav li a,
	.circle-element{
		-moz-box-shadow :none;
		-webkit-box-shadow :none;
		box-shadow : none;
		
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
	}

	.social-connect li {
		background:#36423D;
		background:rgba(255,255,255,0.08);
	}

	/*tooltip*/	
	.tipsy {
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
	}


	/*gallery-style-1 customized*/
	.custom.gallery-style-1 .g {
		margin:3px;

		border-radius:0;
	}
		.custom.gallery-style-1 .g:hover {
	 
		}


	/*list*/
	ul.list .current,
	ul.list li.current:last-child{
		border-top:none;
		border-bottom: 2px solid;
		font-weight:bold;
	}

	.sidebar .widget select {
		width:100%;
	}	

	/*slider*/	
	.flex-direction-nav {top:40%;}

/*START form elements*/

	input, textarea, select {
		background:#DEE2E5;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
		
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(255, 255, 255, 0.5);
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(255, 255, 255, 0.5);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(255, 255, 255, 0.5);
	}

	input[type="submit"],
	.button {
		text-shadow:none;
	}

	input[type="checkbox"] {
		width:auto !important;
		background:transparent;
		
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}

	select {padding: 7px 20px;}	
	
	/*START contact form*/	
	#contact-form input {
		width: 90%;
	}
	#contact-form select {
		width: 50%;
		padding: 6px 12px;
	}

	.form-field-error {
		-moz-box-shadow :0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 10px rgba(255,0,0,0.8);
		-webkit-box-shadow :0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 10px rgba(255,0,0,0.8);			
		box-shadow :0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 10px rgba(255,0,0,0.8);
	}
	#contact-form .error {margin-right: 4px;}
	
	.form-checkboxes p {
		padding:5px 0;
		margin-bottom:10px;
		overflow:hidden;
	}	
	.form-checkboxes  input[type="checkbox"] {
		float:left;
		display: inline-block;
		padding:0;
		width:10% !important;
	}
	.form-checkboxes  span {
		display: inline-block;
		float: left;
		width:85%;		
		padding-left:1%;		
	}
	
	/*END contact form*/	
	
/*END form elements*/	
	
	
	
/*START main layout+styles */	
	
	body {
		font-size:13px;
		color:#444749;
	}

		/*顶部颜色*/
		body > header {
			background:#0000FE;
			padding-top:5px;
			margin-bottom:0;
		}

			#logo-container {
			}
				#header-logo{
					border:none;
					max-width:260px;
					margin-bottom: 10px;
					padding-top: 5px;
					margin-left: -18px;
				}
					/*Use logo.svg if the browser supports SVG , otherwise use the .png fallback*/
					 #header-logo .svg-option {display:none} /*hide svg first*/
					.svg #header-logo .png-option {display:none} /*hide .png option if svg is supported*/
					.svg #header-logo .svg-option {display:inline-block;} /*show svg*/
						
					#header-logo:hover {
					opacity: 0.5;
					}					
				
				/*START global search*/
				
				#global-search {
					display:inline-block;
					position: absolute;
				}
					#global-search  select,
					#global-search  .button {
						padding:5px 10px;
						border:none;
						text-shadow:none;
						
						-moz-box-shadow:none;
						-webkit-box-shadow:none;
						box-shadow:none;
					}

					#global-search  select {background:#121615;}					

					#customer-login input[type="password"],
					#customer-login input[type="text"]{
						background-color: #1D2622;
						padding:5px 10px 5px 25px;
						box-shadow: 0 0 1px rgba(255,255,255,0.3);
					}
					
					#global-search .button {
						padding:8px 12px;
						background: #1D1D1D;
					}
					
					/*no-js optimization*/
					.js #global-search  button{ display:none !important;}
					.no-js #global-search  button  {
						display:inline-block !important;
					}
					.no-js  #global-search  input[type="text"] {
						margin-right:5px;
						width: 72px;
					}
					
					/*remove the textshadow from the placeholder of the searchbox */
					.search::-webkit-input-placeholder {text-shadow:none;}
					.search::-moz-input-placeholder {text-shadow:none;}
					.search::-ms-input-placeholder {text-shadow:none;}
					.search::-o-input-placeholder {text-shadow:none;}
					.search::input-placeholder {text-shadow:none;}		
					
				/*END global search*/
				/*todo organize the code*/
				/*top下颜色*/
		#header-bottom {
			background:#000;
		}

			#header-actions-holder {
				position:absolute;
				top:-92px;
				right:20px;
				width:185px;
				height:68px;
			}

				#lang-selector-login-button-holder {
					margin-bottom:12px;
				}
					#lang-selector-login-button-holder  select{
						width:90px;
						padding: 4px;
						background: #1A1AB2;
						-moz-box-shadow:none;
						-webkit-box-shadow:none;
						box-shadow:none;
						text-shadow: 0 0 0;
						color:#EDEDED;
						float: right;
						/* -webkit-appearance: none; todo*/
					}
						.no-js #lang-selector-login-button-holder  select {display:none;}
						#lang-selector-login-button-holder  #language-select-link {display:none;}
						.no-js #lang-selector-login-button-holder  #language-select-link {
							display:inline-block;
							margin-left:3px;
						}
					
					#lang-selector-login-button-holder  .button{
						width:82px;
						padding:3px 4px 4px 4px;
						font-size: 13px;
						background:#3737FD;
						float:left;
						text-align: center;	
						-moz-box-shadow:none;
						-webkit-box-shadow:none;
						box-shadow:none;
					}
						.no-js #lang-selector-login-button-holder  .button {width:81px;}
						
					#global-search  .search {
						background-color: #770e12;
						background-color: rgba(0,0,0,0.5);
						color:white;
						padding: 7px 7px 7px 30px;
						-webkit-box-shadow: 0 0 4px rgba(255,255,255,0.3);
						-moz-box-shadow: 0 0 4px rgba(255,255,255,0.3);
						box-shadow: 0 0 4px rgba(255,255,255,0.3);
						width:148px;
					}
						#global-search  .search::-webkit-input-placeholder{ color:rgba(255,255,255,.5);}
						#global-search  .search::-moz-input-placeholder{ color:rgba(255,255,255,.5);}
						#global-search  .search::-ms-input-placeholder{ color:rgba(255,255,255,.5);}
						#global-search  .search::input-placeholder{ color:rgba(255,255,255,.5);}

					#global-search  .search:focus{
						background-color: rgba(0,0,0,0.6);
						-webkit-box-shadow: 0 0 7px rgba(255,255,255,0.6);
						-moz-box-shadow: 0 0 7px rgba(255,255,255,0.6);
						box-shadow: 0 0 7px rgba(255,255,255,0.6);	
					}				
						
		
		/*the page*/
		#page {
			padding-top:15px;
			min-height: 300px;
		} 		
			/*hides the arrow from main header*/
			#page-header::after {display:none;}		
		
		
		/*START breadcrumb navigation*/		
		.breadcrumb {
			padding:7px 0 22px 0;
			text-transform:uppercase;
		}
			.breadcrumb a {
				color:gray;
				margin-left: -7px;
				padding: 0 7px;
			}
			.breadcrumb a.current{ color:black;}
			.breadcrumb a:hover{ text-decoration:underline;}
		
		/*END breadcrumb navigation*/
		

		/*START main navigation*/
		#navigation {
			border-top:none;
			float:none;
			margin-bottom:0;
			padding-top: 5px;
		}
			#navigation > ul > li {
				border:none;
				padding:10px 0;
			}
			#navigation ul li {margin:0;}
			
			
				#navigation > ul > .current {
					border:none;color:#fff;
					background:#565656; /*todo */
				}
					#navigation > ul > li:hover {
						background:#565656;
						/*background:rgba(1,1,1,0.2);*/
					}
					#navigation > ul > li:active {
						/*background:rgba(1,1,1,0.5);*/
						background:#565656;
					}
					
					#navigation > ul > li:not(.current):not(:hover):first-child  a{ /*padding issue fixed*/
						padding-left:0;color:#fff;
					}				
					
						#navigation > ul > li:hover  a {color:#fff;}
			
					#navigation > ul > li > a {
						color:#fff;
						font-family:"宋体";
						/*font-family:'Droid Sans', sans-serif;*/
						font-size: 14px;
						text-shadow:none;
						text-transform:uppercase;
						word-wrap: break-word;
						padding: 0px 12px !important;
					}
					#navigation > ul > .current a {
						color:#fff !important;
					}					
		/*END main navigation*/			

	/*page footer*/	
	body > footer {
		background:#0000FE;
		text-shadow: none;
		min-height:100px;
		padding-top:16px;
	}	

		body > footer a:not(.button) {color:#B7BCBF;}
		.old-browser body > footer a {color:#B7BCBF;}/*fallback for lt ie8*/
		
		body > footer a:not(.button):hover	{color:white;}
		.old-browser body > footer a:hover	{color:white !important;}
		
		/*tooltip backgorund for lt ie8 */
		.old-browser .tipsy-inner {background:#101614;}
		
		body > footer  .widget .title {color:#737B82}
		
		/*START customer login */			
		#customer-login{
			background:#E8E9EA;
		}
			#customer-login  .title{font-size:17px;}
			
			#customer-login input{
				font-size: 17px;
				padding: 16px 25px !important;
				text-shadow: none;
				width: 80%;
				color:white;
			}
			
			#login-form-error {
				color:#EA2C2C;
				font-size: 15px;
				width: 80%;
			}
			
			body > footer .button {
				border:none;
				-moz-box-shadow :none;
				-webkit-box-shadow :none;
				box-shadow : none;				
			}
			body > footer input::-webkit-input-placeholder {text-shadow:none;}
			body > footer input::-moz-input-placeholder {text-shadow:none;}
			body > footer input::-ms-input-placeholder {text-shadow:none;}
			body > footer input::-o-input-placeholder {text-shadow:none;}
			body > footer input::input-placeholder {text-shadow:none;}	

		.show-login-form #customer-login {display:block !important;}
		
		/*END customer login */	


		#copyright-note {
			margin-top:0;
			border-top:1px solid #3C4843;
			border-top:1px solid rgba(255,255,255,0.1);
			padding: 20px 0;
			color:#B4B3B3;
		}
			#footer-nav   {
				top: 3px;
				padding-left:3px;
				position: relative;
				background:#29299C; 
				display: inline-block;
				padding: 8px;
			}
				#footer-nav a {
					border-right: 1px solid #3C4843;
					border-right: 1px solid rgba(255,255,255,0.1);
					font-size:13px;
				}

	
		#footer-telephone {
			font-size:26px;
			color:#ffffff;
			text-align: right;
		}
			#footer-telephone span {
				padding:4px;
				height:25px;
				width:25px;
				background:#8686FE;
				display:inline-block;
				position: relative;
				top: 3px;				
			}
			#footer-telephone a {
				padding:10px;
				display:inline-block;
				color:white;
			}	

		body > footer .widget {
			padding: 10px 0;
		}
		
		#claim-text {
			background:#006097;
		}		
			#claim-text  img {
				max-height:30px;
				padding:14px 0 10px 0;	
			}			
	
/*END main layout+styles */			


/*START Page specific : Search page*/

.search-result-item {
	padding-bottom:10px;
	margin-bottom:40px;
	border-bottom:1px solid #DDDDDD;
}
.search-result-item:last-child {border:none;}

	.search-result-item  .title {
		font-size:18px;
		text-decoration:underline;
		margin-bottom:5px;
	}
		.search-result-item:hover  .title a{ color:#4B5B55 !important;}

/*END Page specific : Search page*/	


/*START mediaquery - max-width:980px */
@media all and (max-width:980px) {

	/*START header logo optimizations */
	
	#header-logo {
		/*todo*/
	}	

	/* IE "svg squeeze" workaround -  force to use png on ie small screens  */
	.svg.ie #header-logo .png-option {display:inline-block} /*hide .png option if svg is supported*/
	.svg.ie  #header-logo .svg-option {display:none;} /*show svg*/	
		
	#company-rectangles { width:100px;}

	#company-rectangle-1, #company-rectangle-2 {
		height: 46.6px;
		width: 46.6px;
	}
	#company-rectangle-1 {margin-right:6px;}	
	
	#global-search {
		/*todo */	
	}
		.no-js #global-search select {width:80px;}	
		
	/*END header logo optimizations */	
	
	
	#navigation ul {
		float: none;
	}
			
		#navigation {
			margin-top:15px;
			padding-top:0;
			background:#1E1E1E;
		}
		#navigation > ul > li {
			width: 25%;
			height: 30px;font-family:"宋体";
		}	
		#navigation > ul > li:first-child:not(.current):not(:hover) a {padding-left: 12px;}
		
			#navigation > ul > .current {background:#3D3B3B;}	
	
	
	#footer-nav {text-align:left;}
	
}
/*END mediaquery - max-width:980px */


/*START mediaquery - max-width:600px Optimizations for small screens -- iPhones and other smartphones etc.*/
@media screen and (max-width:600px) , 
	   screen and (max-device-width: 480px){ 
	 
	#page, 
	.container {
		min-width: 260px;
	}	 
		
	
	#logo-container {
		padding-bottom:0px;
	}
		
		#header-logo {
			padding-bottom:0px;
			width:240px; 
			
		}
	

	#header-actions-holder {
		position:relative;
		width:100%;
		height:68px;
		top:auto;
		right:auto;
		margin-top:10px;
	}	
		#lang-selector-login-button-holder{
			display:block;
		}
			#lang-selector-login-button-holder .button {
				float:left;
				margin-right:10px;
				width: 100px;
				padding: 10px 5px;
			}
			#lang-selector-login-button-holder select {
				float:left;
				width: 100px;
				padding: 10px 5px;
			}
			

	#navigation	{
		padding-top:17px;
		margin-top:0;
	}	
		.js #navigation {background:transparent;}
 
		.js #navigation select { margin-top:6px;}
		#navigation select {
			background:#121615;
			border:none;
			text-shadow:none;
			-moz-box-shadow :none;
			-webkit-box-shadow :none;
			box-shadow : none;		
		}	
	
	/*START global search- ss optimizations*/
	
	#global-search {
		position:relative;
		top:auto;
		right:auto;
		display:block;
		max-width:none;
	}
		#global-search select {
			width:40%;
			float:left;
		}
		#global-search input[type="text"] {
			width: 182px;
			float:left;
			-moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.1);
			-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.1);
			box-shadow: 0 0 2px rgba(255, 255, 255, 0.1);
		}

		/*when js turned off */
		
		.no-js #global-search select {width:30%;}	
		.no-js #global-search input[type="text"] {
			width:25%;
			margin-left:10%;
			float:left;
		}	
		.no-js #global-search input[type="text"] {
			margin-left:0;
			width: 112px;
		}
		
		.no-js #global-search .button {}	
		
		.no-js #navigation {
			margin-top:25px;
			padding-top:0;
		}
		.no-js #navigation > ul > li {
			width: 50%;
			text-align:left;
		}	
			.no-js #navigation > ul > .current {}

	/*END global search - ss optimizations*/			

	
	/*optimize the position of the slider direction nav*/
	.flex-direction-nav {top: 30%;}	
	
	#footer-telephone {
		text-align:left;
	}
	
	#copyright-note {
		text-align:left;
	}
	
}
/*END mediaquery - max-width:600px */